@charset "UTF-8";
/**
 *  更新时间  23/10/14
 */

.header{ background: url(231013_xyxm_head.jpg) no-repeat center bottom; padding: 1.08rem .2rem .74rem .2rem; position: relative;}
.header .row{ width: 8rem; margin: 0rem auto;}
.header .header_tit{ text-align: center;}
.header .search_box{ margin: .4rem auto;}
.header .search_tit{ font-size: 0rem; padding: 0 .12rem .2rem .12rem; position: relative; z-index: 3;}
.header .search_tit a{ display: inline-block; margin: 0rem .25rem; font-size: .18rem; line-height:1.33333; position: relative;}
.header .search_tit a.on{ font-weight: bold; color: #1658a0;}
.header .search_tit a.on::after{ content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); border-top: 1px solid #0065B5; border-left: 1px solid #0065B5; bottom: -.25rem; width: .1rem; height: .1rem; background-color: #F8FAFC;}
.header .search_con{ position: relative; z-index: 1; border: 1px solid #0065B5; background-color: #F8FAFC; border-radius: .08rem; line-height: .3rem; padding: .18rem .04rem .18rem .24rem;}
.header .search_con .input_base{ width: calc(100% - 1.2rem); border: none; border-right: 1px solid #D9D9D9; line-height: .3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: .12rem; margin-right: .24rem; background-color: transparent;}
.header .search_con .input_base::-webkit-input-placeholder{ color: #B4B9C0;}
.header .search_con button{ background: url(231013_xyxm_ss.png) no-repeat left center; background-size: contain; border: none; padding-left:.34rem; font-size: .18rem; color: #1658a0;}
.menu_bg{ background: url(231013_xyxm_menu.jpg) repeat-x top; position: relative; z-index: 3;}
.menu_bg .menu_base ul{ text-align: center; font-size: 0rem; white-space: nowrap; overflow-x: auto;}
.menu_bg .menu_base li{ display: inline-block; width: 14.28571%;/* width:12.5%; */ text-align: center; position: relative;}
.menu_bg .menu_base li::before{content: '';z-index: 3;background: url(231013_xyxm_menu_bar.png) no-repeat center top;position: absolute;left: 50%;width: 0rem;top: 0rem;bottom: 0rem;transition: .3s all;background-size: contain;}
.menu_bg .menu_base li a{ display: block; font-family: 'SourceHanSerifCN-Heavy'; font-size: .24rem; color: #ffffff; line-height: 1rem; padding-bottom: .2rem; transition: .3s all; position: relative; z-index: 4;}
.menu_bg .menu_base li.on::before,.menu_bg .menu_base li:hover::before{ left: 0rem; width: 100%;}
@media screen and (max-width:992px) {
	.header{ padding: .32rem 0rem;}
	.header .search_box{ margin: .2rem auto;}
	.header .header_tit img{ max-width: 80%;}
	.header .search_tit{ white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding-left: 0rem;}
	.header .search_tit::-webkit-scrollbar{ display: none;}
	.header .search_tit a{ margin: 0rem .16rem 0rem 0rem; font-size: .18rem;}
	.header .row{ width: 100%;}
	.header .search_con{ margin-top: -.01rem;}
	.header .search_con .input_base{ margin-right: .12rem; width: calc(100% - 1rem);}
	.header .search_con button{ font-size: .16rem; padding-left: .28rem;}
	.menu_bg .menu_base{ padding: 0rem;}
	.menu_bg .menu_base li{ width: auto;}
	.menu_bg .menu_base li a{ padding: 0rem .16rem; line-height: .68rem;}
	
}